<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="css/slider.css">
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl">
        <div class="contents top1">
            <a href="###" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="###">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <form class="search" action="###" method="get">
            <input type="text" name="wd" placeholder="创意文具"/>
            <button type="button" value=""><img src="images/seach01.jpg"></button>
        </form>
        <img src="images/logo.jpg" class="logo">
        <p class="cf">
            <a href="###" id="cart">
                <img src="images/cart.png">购物车
                <span></span>
            </a><a href="###" id="order">我的订单
                <span></span>
            </a>
        </p>
        <!--顶部主导航栏-->
        <ul class="mainnav">
            <li>
                <a href="###">图书</a>
            </li>
            <li>
                <a href="###">电子书</a>
            </li>
            <li>
                <a href="###">原创文学</a>
            </li>
            <li>
                <a href="###">服装</a>
            </li>
            <li>
                <a href="###">户外运动</a>
            </li>
            <li>
                <a href="###">孕婴童</a>
            </li>
            <li>
                <a href="###">家居</a>
            </li>
            <li>
                <a href="###">创意文具</a>
            </li>
            <li>
                <a href="###">地方特产</a>
            </li>
            <li>
                <a href="###">海外购</a>
            </li>
            <li>
                <a href="###">电器城</a>
            </li>
        </ul>

    </div>
    <!--顶部下面的商品选项卡-->
    <div class="contents mainbanner cf">
        <ul class="sidenav fl">
            <li class="c1">
                <a href="###">图书&emsp;电子书&emsp;童书</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">创意文具</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺2</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">服饰&emsp;内衣</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺3</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">鞋靴&emsp;箱包</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺4</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">户外运动</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺5</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">孕&emsp;婴&emsp;童</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺6</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">家居&emsp;家纺&emsp;汽车</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺7</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">家具&emsp;家装&emsp;摆件</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺8</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">美妆&emsp;个人护理&emsp;成人</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺9</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">食品&emsp;茶酒&emsp;生鲜</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺10</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">腕表&emsp;珠宝&emsp;眼镜</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺11</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">手机&emsp;数码</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺12</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">电脑办公&emsp;配件耗材</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺13</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="c1">
                <a href="###">家用电器&emsp;工具</a>
                <div class="maintab">
                    <p>
                        <a href="###">图书馆&gt;&gt;</a>
                        <a href="###">儿童书馆&gt;&gt;</a>
                        <a href="###">电子书馆&gt;&gt;</a>
                    </p>
                    <ul>

                        <li>
                            <h4>
                                <a href="###">文艺14</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">人文社科</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">历史</a>
                                <a href="###">政治军事</a>
                                <a href="###">文化</a>
                                <a href="###">心理学</a>
                                <a href="###">法律</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">管理</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">经济</a>
                                <a href="###">投资理财</a>
                                <a href="###">金融</a>
                                <a href="###">互联网</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">励志</a>
                            </h4>
                            <p>
                                <a href="###">小说</a>
                                <a href="###">文学</a>
                                <a href="###">传记</a>
                                <a href="###">青春</a>
                                <a href="###">动漫</a>
                                <a href="###">艺术</a>
                                <a href="###">摄影</a>
                                <a href="###">明星</a>
                                <a href="###">职场</a>
                                <a href="###">励志成功</a>
                                <a href="###">心灵鸡汤</a>
                                <a href="###">心灵修养</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">教育</a>
                            </h4>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                                <a href="###">外语</a>
                                <a href="###">工具书</a>
                                <a href="###">公务员</a>
                                <a href="###">考研</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">科技</a>
                            </h4>
                            <p>
                                <a href="###">科普读物</a>
                                <a href="###">计算机\网络</a>
                                <a href="###">医学</a>
                                <a href="###">工业技术</a>
                                <a href="###">建筑</a>
                                <a href="###">自然科学</a>
                                <a href="###">爱发明</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">生活</a>
                            </h4>
                            <p>
                                <a href="###">两性读物</a>
                                <a href="###">孕期</a>
                                <a href="###">育儿</a>
                                <a href="###">保健</a>
                                <a href="###">运动</a>
                                <a href="###">休闲</a>
                                <a href="###">旅游</a>
                                <a href="###">美食</a>
                                <a href="###">美妆</a>
                                <a href="###">居家</a>
                                <a href="###">生活</a>
                                <a href="###">健身</a>
                            </p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">进口书刊</a>
                            </h4>
                            <p>
                                <a href="###">英文书籍</a>
                                <a href="###">杂志</a>
                                <a href="###">港台进口书</a>
                                <a href="###">进口艺术画册</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>


        <!--顶部下面的轮播图-->
        <div class="pptbox" id="mainslider">
            <ul class="innerwrapper">
                <li>
                    <a href="#">
                        <img src="./images/banner1.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner2.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner3.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner4.jpg" />
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/banner5.jpg" />
                    </a>
                </li>
            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </div>
    <!-- 轮播图下面的今日推荐 -->
    <div class="contents recommend cf">
        <h2>乐购&#183;今日推荐</h2>
        <ul>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend01.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;黑爵青蜂侠六键电竞游戏鼠标</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/recommend03.jpg">
                    <img src="images/recommend02.jpg">
                    <p>&nbsp;小熊家用静音加湿器</p>
                    <p class="red1">&nbsp;全国联保&emsp;一年免费包换</p>
                    <span>&nbsp;&#165;&nbsp;:998</span>
                </a>
            </li>

        </ul>
    </div>
    <!-- 推荐下面的图书 -->
    <div class="contents library cf">
        <div class="library1">
            <h1>图书 电子书
                <span>
                    <a href="###" class="f60">最新上架</a>
                    <a href="###">独家畅销</a>
                    <a href="###">电子书</a>
                </span>
            </h1>
            <ul class="libraryl1">
                <li>
                    <a href="###">
                        <img src="images/lib01.jpg">
                    </a>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
            </ul>
            <div class="libraryl2">
                        <div class="pptbox" id="bookslider">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="images/liblunbo1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/liblunbo2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/liblunbo1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/liblunbo2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="images/liblunbo1.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                <ul class="libraryl">
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                    <li><a href="###"><img src="images/lib03.jpg"></a></li>
                </ul>
            </div>
            
        </div>
        <div class="libraryr cf">
            <h2>新书畅销榜</h2>
            <ul>
                <li class="libraryr1"><a href="###"><img src="images/lib04.jpg">
                    <p>从你的全世界路过入选央视“2014中国好书”的
                        80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读
                    </p></a>
                </li>
                <li><a href="###"><p><span class="red">&nbsp;2</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span class="red">&nbsp;3</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span >&nbsp;4</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span >&nbsp;5</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span >&nbsp;6</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span >&nbsp;7</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
                <li><a href="###"><p><span >&nbsp;8</span>&emsp;看不惯我，又干不掉我，错过就是赚到</p></a></li>
            </ul>
        </div>
    </div>
    <!-- 图书下面的服装 -->
    <div class="contents dress cf">
            <h1>服装
                    <span>
                        <a href="###"class="f60">女装内衣</a>
                        <a href="###">热销男装</a>
                        <a href="###">精品鞋靴</a>
                    </span>
                </h1>
                <ul class="dressl1">
                        <li>
                            <a href="###">
                                <img src="images/drs01.jpg">
                            </a>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="###">中小学教辅</a>
                                <a href="###">考试</a>
                                <a href="###">大中专教辅</a>
                            </p>
                        </li>
                    </ul>
                    <div class="dress2">
                            <div class="pptbox" id="dreslider">
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#">
                                                <img src="images/drelunbo1.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/drelunbo2.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/drelunbo3.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/drelunbo4.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="images/drelunbo1.jpg" />
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                                <a href="###"><img src="images/dre02.jpg"></a>
                    </div>
                    <div class="dressr1">
                            <ul class="dressr2">
                                    <li><a href="###"><img src="images/dre03.jpg"></a></li>
                                    <li><a href="###"><img src="images/dre03.jpg"></a></li>
                                    <li><a href="###"><img src="images/dre03.jpg"></a></li>
                                    <li><a href="###"><img src="images/dre04.jpg"></a></li>
                                    <li><a href="###"><img src="images/dre04.jpg"></a></li>
                                    <li><a href="###"><img src="images/dre04.jpg"></a></li>
                                </ul>
                    </div>
                    <div class="dress3">
                        <ul>
                            <li><a><img src="images/log001.jpg"></a></li>
                            <li><a><img src="images/log002.jpg"></a></li>
                            <li><a><img src="images/log003.jpg"></a></li>
                            <li><a><img src="images/log004.jpg"></a></li>
                            <li><a><img src="images/log005.jpg"></a></li>
                            <li><a><img src="images/log006.jpg"></a></li>
                            <li><a><img src="images/log007.jpg"></a></li>
                            <li><a><img src="images/log008.jpg"></a></li>
                            <li><a><img src="images/log009.jpg"></a></li>
                        </ul>
                    </div>

    </div>
    <!-- 服装下面的户外 -->
    <div class="contents exercises cf">
        <h1>户外运动
            <span>
                <a href="###">国际名品</a>
                <a href="###">户外装备</a>
                <a href="###">运动潮流</a>
            </span>
        </h1>
        <ul class="exercisesl1">
                <li>
                    <a href="###">
                        <img src="images/exe01.jpg">
                    </a>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
            </ul>
            <div class="exercises2">
                    <div class="pptbox" id="exeslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/exelunbo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/exelunbo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/exelunbo3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/exelunbo4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/exelunbo1.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href="###"><img src="images/dre02.jpg"></a>
            </div>
            <div class="exercisesr1">
                    <ul class="exercisesr2">
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                        </ul>
            </div>
            <div class="exercises3">
                <ul>
                    <li><a><img src="images/log001.jpg"></a></li>
                    <li><a><img src="images/log002.jpg"></a></li>
                    <li><a><img src="images/log003.jpg"></a></li>
                    <li><a><img src="images/log004.jpg"></a></li>
                    <li><a><img src="images/log005.jpg"></a></li>
                    <li><a><img src="images/log006.jpg"></a></li>
                    <li><a><img src="images/log007.jpg"></a></li>
                    <li><a><img src="images/log008.jpg"></a></li>
                    <li><a><img src="images/log009.jpg"></a></li>
                </ul>
            </div>
    </div>
    <!-- 户外下面的童装 -->
    <div class="contents childswear cf">
        <h1>童装&emsp;童鞋&emsp;婴儿装
            <span>
                <a href="###">儿童服装</a>
                <a href="###">婴儿装</a>
                <a href="###">小潮童鞋</a>
            </span>
        </h1>
        <ul class="childswearl1">
                <li>
                    <a href="###">
                        <img src="images/child01.jpg">
                    </a>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="###">中小学教辅</a>
                        <a href="###">考试</a>
                        <a href="###">大中专教辅</a>
                    </p>
                </li>
            </ul>
            <div class="childswear2">
                    <div class="pptbox" id="childslider">
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/childlunbo1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/childlunbo2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/childlunbo3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/childlunbo4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/childlunbo1.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                        <a href="###"><img src="images/dre02.jpg"></a>
            </div>
            <div class="childswearr1">
                    <ul class="childswearr2">
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre03.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                            <li><a href="###"><img src="images/dre04.jpg"></a></li>
                        </ul>
            </div>
            <div class="childswear3">
                <ul>
                    <li><a><img src="images/log001.jpg"></a></li>
                    <li><a><img src="images/log002.jpg"></a></li>
                    <li><a><img src="images/log003.jpg"></a></li>
                    <li><a><img src="images/log004.jpg"></a></li>
                    <li><a><img src="images/log005.jpg"></a></li>
                    <li><a><img src="images/log006.jpg"></a></li>
                    <li><a><img src="images/log007.jpg"></a></li>
                    <li><a><img src="images/log008.jpg"></a></li>
                    <li><a><img src="images/log009.jpg"></a></li>
                </ul>
            </div>
    </div>
    <!-- 童装下面的居家 -->
    <div class="contents home cf">
        <h2>居家日用</h2>
        <div>
            <a href="###">
                <img src="images/home01.jpg">
            </a>
            <ul>
                <li>
                    <a href="###">
                        <img src="images/home02.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home02.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home02.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home02.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home03.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home03.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home03.jpg">
                    </a>
                </li>
                <li>
                    <a href="###">
                        <img src="images/home03.jpg">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 居家下面的推广 -->
    <div class="contents extend">
        <h2>推广商品</h2>
        <ul class=" extend1 cf">
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>
            <li>
                <a href="###">
                    <img src="images/extend01.jpg">
                    <p class="cp">走过那件咖啡屋不要错过错过就是赚到</p>
                    <span>&emsp;&emsp;&nbsp;￥998</span>
                    <p class="pl">已有999条评论</p>
                </a>
            </li>

        </ul>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
    <div class="flnavb">
        
        <ul>
            <li id="btn1"><a href="#"><img src="images/fnav01.png"></a><span class="tushu">图书</span></li>
            <li id="btn2"><a href="#"><img src="images/fnav02.png"></a><span class="fuzhuang">服装</span></li>
            <li id="btn3"><a href="#"><img src="images/fnav03.png"></a><span class="yundon">运动</span></li>
            <li id="btn4"><a href="#"><img src="images/fnav04.png"></a><span class="tonzhuang">童装</span></li>
            <li id="btn5"><a href="#"><img src="images/fnav05.png"></a><span class="jiaju">家具</span></li>
        </ul>
      </div>
      <!-- 页面的右边导航 -->
      <div class="frnavb">
        <a href="##" class="clt1"><img src="images/frnav01.jpg"><img src="images/frnav02.jpg"><span class="clt"><img src="images/frnav04.jpg"></span></a>
        <a href="#"><img src="images/frnav03.jpg"></a>
        
      </div>
   
<div class="ftopnav">
    <div class="contents ftopnav1">
        <span>lego</span>
        <form class="search" action="###" method="get">
            <input type="text" name="wd" placeholder="创意文具"/>
            <button type="button" value=""><img src="images/seach01.jpg"></button>
        </form>
    </div>
</div>
<div>
    
</div>



    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

    <!-- 2. 引入轮播插件 -->
    <script src="./lib/jquery.slidebox.js"></script>
    <!-- 2. 引入轮播插件 -->
    

    <!-- 4. 引入当前页面js文件 -->
    <script src="./js/index.js"></script>
    <script>


        /*
        var ths=document.querySelectorAll(".theader li");
        var ds=document.querySelectorAll(".con div");
        let lastIndex = 0;
   for(let i=0;i<ths.length;i++){
       
    ths[i].addEventListener("mouseenter",function(){

       ths[lastIndex].classList.remove("d1");  
       this.classList.add("d1")  
       
       ds[lastIndex].classList.remove("c1");
       ds[i].classList.add("c1");
       //重置上一个li标签的索引为当前li标签的索引
       lastIndex = i;   

       })
   }
        
        
        */
    </script>
</body>

</html>